<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="keywords" content="">
<meta name="description" content="" />
<link rel="shortcut icon" type="image/x-icon" href="syz.ico">
<title>南宏达官网</title>
<link rel="stylesheet" href="assets/css/amazeui.css" />
<link rel="stylesheet" href="assets/css/common.min.css" />
<link rel="stylesheet" href="assets/css/index.min.css" />
<link rel="stylesheet" href="assets/css/contact.min.css" />
</head>
<body>
	<div class="layout" id="top">
		<!--===========layout-header================-->
		<div class="layout-header am-hide-sm-only">
			<div class="header-box">
				<!--header start-->
				<div class="container">
					<div class="header">
						<div class="am-g">
							<div class="am-u-lg-2 am-u-sm-12">
								<div class="logo">
									<a href="./index.html"><img th:src="${set.icon}"
										src="assets/images/logo.png" alt="logo" title="石影子" /></a>
								</div>
							</div>
							<div class="am-u-lg-10 am-u-md-12">
								<div class="header-right">
									<div class="header-contact">
										<div class="header_contacts--item">
											<div class="contact_mini">
												<i class="contact-icon am-icon-phone"></i> <strong
													th:text="${set.phone}"></strong> <span>周一 --- 周五,
													9:00 -- 18:00</span>
											</div>
										</div>
										<div class="header_contacts--item">
											<div class="contact_mini">
												<i class="contact-icon am-icon-envelope-o"></i> <strong
													th:text="${set.email}">service@shiyingzi.cn</strong> <span>邮箱地址</span>
											</div>
										</div>
										<div class="header_contacts--item">
											<div class="contact_mini">
												<i class="contact-icon am-icon-map-marker"></i> <strong
													th:text="${set.addressName}">临空一号</strong> <span
													th:text="${set.address}">武汉金银潭大道130号3栋10楼</span>
											</div>
										</div>
									</div>

								</div>
							</div>
						</div>
					</div>
				</div>
				<!--header end-->

				<!--nav start-->
				<div class="nav-contain" data-am-sticky>
					<div class="nav-inner">
						<ul class="am-nav am-nav-pills am-nav-justify">
							<li class="current"><a href="#top">首页</a></li>
							<li><a href="gw_example">产品中心</a></li>
							<li><a href="gw_news">新闻资讯</a></li>
							<li><a href="#about">关于我们</a></li>
							<li><a href="#join">加入我们</a></li>
						</ul>
					</div>
				</div>
				<!--nav end-->
			</div>
		</div>
		<!--mobile header start-->
		<div class="m-header">
			<div class="am-g am-show-sm-only">
				<div class="am-u-sm-2">
					<div class="menu-bars">
						<a href="#off-1" data-am-offcanvas="{effect: 'push'}"><i
							class="am-menu-toggle-icon am-icon-bars"></i></a>
						<!-- 侧边栏内容 -->
						<nav data-am-widget="menu" class="am-menu  am-menu-offcanvas1"
							data-am-menu-offcanvas>
							<a href="javascript: void(0)" class="am-menu-toggle"></a>

							<div id="off-1" class="am-offcanvas">
								<div class="am-offcanvas-bar">
									<ul class="am-menu-nav am-avg-sm-1">
										<li class="current"><a href="gw_index">首页</a></li>
										<li><a href="#product">产品中心</a></li>
										<li><a href="gw_news">新闻中心</a></li>
										<li><a href="gw_about">关于我们</a></li>
										<li><a href="#join">加入我们</a></li>
									</ul>
								</div>
							</div>
						</nav>

					</div>
				</div>
			</div>
			<!--mobile header end-->
		</div>


		<!--===========layout-container================-->
		<div class="layout-container">

			<div class="index-page">
				<div class="am-slider am-slider-b1" id="slider-0">
					<ul class="am-slides">
						<li><img th:src="${set.img1}"
							src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></li>
						<li><img th:src="${set.img2}"
							src="http://s.amazeui.org/media/i/demos/bing-2.jpg" /></li>
						<li><img th:src="${set.img3}"
							src="http://s.amazeui.org/media/i/demos/bing-2.jpg" /></li>
					</ul>
				</div>
			</div>
		</div>
		<!--轮播图-->

		<div class="section" id="product" style="padding-top: 50px;">
			<div class="container">
				<div class="section--header">
					<h2 class="section--title">产品列表</h2>
					<p class="section--description"></p>
				</div>
				<!--index-container start-->
				<div class="index-container">
					<div class="am-g">
						<div class="am-u-md-3" th:each=" m:${proList}">
							<div class="features_item am-panel am-panel-default">
								<a th:href="@{'productInfo?id='+${m.id}}" target="_blank">
								<!-- <a href="html/product-info.html"> -->
									<div>
									<!-- <img th:src="${m.imgPath}" alt=""> -->
										<img src="assets/images/index/f01.jpg"	alt="">
									</div>
									<div style="padding: 5px;">
										<h3 class="features_item--title" th:text="${m.name}">简单的适配过程简单的适配过程简单的适配过程简单的适配过程简单的适配过程简单的适配过程</h3>
										<p class="features_item--text" th:text="${m.purpose}"></p>
									</div>
								</a>
							</div>
						</div>


					</div>
					<a href="gw_example" class="am-btn am-btn-primary am-btn-block">更多产品<i
						class="am-icon-long-arrow-right"></i></a>
				</div>
				<!--index-container end-->
			</div>
		</div>
		<!--产品介绍-->

		<div class="section"
			style="border-bottom: 1px solid #e9e9e9; padding-top: 50px;"
			id="news">
			<div class="container">
				<div class="section--header">
					<h2 class="section--title">新闻资讯</h2>
					<p class="section--description"></p>
				</div>

				<!--index-container start-->
				<div class="index-container">
					<div class="am-g">
						<div class="am-u-md-6" th:each="news:${newsList1}">
							<div class="news-item">
								<!-- <img th:src="${news.img}" alt="" /> -->
								<a th:href="@{'newsInfo?id='+${news.id}}" target="_blank"> <img src="./assets/images/img-1.jpg" alt="" />
								<!-- a href="#" target="_blank"> <img th:src="${news.img}"
									src="./assets/images/img-1.jpg" alt="" /> -->
									<div class="am-panel am-panel-default">
										<h3 th:text="${news.title}">岁数大多</h3>
										<p th:text="${news.text}" class="am-kai">默认值</p>
									</div>
							</div>
							<!-- div class="news-item">
								<a href="#"> <img src="./assets/images/img-1.jpg" alt="" />
									<div class="am-panel am-panel-default">
										<h3>岁数大多</h3>
										<p class="am-kai">a最低价浪费时间福利费绝对是 a最低价浪费时间福利费绝对是
											a最低价浪费时间福利费绝对是 a最低价浪费时间福利费绝对是 a最低价浪费时间福利费绝对是 a最低价浪费时间福利费绝对是
											a最低价浪费时间福利费绝对是 a最低价浪费时间福利费绝对是</p>
									</div>
								</a>
							</div> -->
						</div>

					</div>
					<div>
						<ul id="news-list" th:each=" news:${newsList1}">
							<li><a th:href="@{'newsInfo?id='+${news.id}}" target="_blank" th:text="${news.title}"></a></li>
						</ul>
					</div>
					<a href="gw_news" class="am-btn am-btn-primary am-btn-block">更多资讯<i
						class="am-icon-long-arrow-right"></i></a>
				</div>
			</div>
			<!--index-container end-->
		</div>
	</div>

	<div class="section"
		style="border-bottom: 1px solid #e9e9e9; padding-top: 50px" id="about">
		<div class="container">
			<div class="section--header">
				<h2 class="section--title">关于我们</h2>
				<p class="section--description"></p>
			</div>

			<!--index-container start-->
			<div class="index-container">
				<div class="am-g">
					<div class="am-u-md-12">
						<img src="./assets/images/img-1.jpg" alt=""
							style="width: 100%; height: 400px;" />
					</div>
					<div class="am-u-md-12">
						<p style="font-weight: bold; font-size: 18px">公司简介</p>
						<p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
					</div>
				</div>
			</div>
			<!--index-container end-->
		</div>
	</div>
	<!--关于我们-->


	<div class=" promo_banner-container" id="join">
		<div class="promo_banner-box">
			<div class="container">
				<h2 class="promo_banner--title">期待您的加入</h2>
				<p class="promo_banner--text">
					我们成立了三年，正用自己的技术力量一步一步改变世界。 <br>
					我们开创了中国首个开源HTML5跨屏前端框架、可见即可得的IDE、无障碍网页我们是全球独一无二的 <br>
					云适配技术，我们的目标是打造极致的网页体验。
				<footer class="promo_banner--footer"></footer>
			</div>
		</div>
	</div>
	<!--加入我们-->
	<div class="layout-container">
		<div class="layout-container am-g">
			<div class="section">
				<div class="container">

					<div class="section-container">
						<div class="am-g">
							<!--contact-left start-->
							<div class="am-u-md-5">
								<ul class="contact-left">
									<li class="contact-box-item">
										<div class="contact_item">
											<i class="contact_item--icon am-icon-phone"></i>
											<h3 class="contact_item--title">电话:</h3>
											<p class="contact_item--text">
												联系电话： <strong>027-65596646</strong>, <br> Monday -
												Friday, 9am - 6pm
											</p>
										</div>
									</li>
									<li class="contact-item">
										<div class="contact_item">
											<i class="contact_item--icon am-icon-envelope-o"></i>
											<h3 class="contact_item--title">Email:</h3>
											<p class="contact_item--text">
												<strong>service@shiyingzi.cn</strong>, <br />期待您的来信...
											</p>
										</div>
									</li>
									<li class="contact-item">
										<div class="contact_item">
											<i class="contact_item--icon am-icon-map-marker"></i>
											<h3 class="contact_item--title">地址:</h3>
											<p class="contact_item--text">
												<strong> 临空一号<br />武汉市金银潭大道130号3栋10楼
												</strong>
											</p>
										</div>
									</li>
								</ul>
							</div>
							<!--contact-left end-->

							<!--contact-right start-->
							<div class="am-u-md-7">
								<img style="width: 100%; padding: 50px 20px;"
									src="assets/images/img-2.jpg" alt="" />
							</div>
							<!--contact-right end-->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--===========layout-footer================-->
	<div class="layout-footer">
		<div class="footer">
			<div style="background-color: #383d61" class="footer--bg"></div>
			<div class="footer--inner">
				<div class="container">
					<div class="footer_main">
						<div class="am-g" style="text-align: center; color: #fff;">
							<div class="am-u-sm-12">&copy;啦啦啦啦啦啦啦啦绿绿绿绿绿绿绿绿绿绿绿绿绿</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
		<a href="#top" title="回到顶部"
			class="am-icon-btn am-icon-arrow-up am-active" id="amz-go-top"></a>
	</div>

	</div>

	<script src="assets/js/jquery-2.1.0.js" charset="utf-8"></script>
	<script src="assets/js/amazeui.js" charset="utf-8"></script>
	<script src="assets/js/common.js" charset="utf-8"></script>
	<script type="text/javascript">
    $(function() {
      $('.nav-inner ul li').on('click',function(){
        $(this).addClass('current');
        $(this).siblings().removeClass("current");
      });


      var a= '<li><img src="http://s.amazeui.org/media/i/demos/bing-4.jpg" /></li>';
      $('#slider-0 ul').append(a);

      $('#slider-0').flexslider({
        animation: "slide",
        reverse: false,
        animationLoop: true,
        startAt: 0,
        directionNav: true,
        slideshowSpeed: 5000
      });
    });
  </script>
</body>

</html>
